﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Page/Site.Master" AutoEventWireup="true" CodeBehind="Main.aspx.cs" Inherits="ERP.Page.Main" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
    html {
            background-color: silver;
        }
    .tabs {
        position: relative;
        top: 1px;
        left: 10px;
    }

    .tab {
        border: solid 1px black;
        background-color: #eeeeee;
        padding: 2px 10px;
    }

    .selectedTab {
        background-color: white;
        border-bottom: solid 1px white;
    }

    .tabContents {
        border: solid 1px black;
        padding: 10px;
        background-color: white;
    }
</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:Menu
            ID="Menu1"
            Orientation="Horizontal"
            StaticMenuItemStyle-CssClass="tab"
            StaticSelectedStyle-CssClass="selectedTab"
            CssClass="tabs"
            OnMenuItemClick="Menu1_MenuItemClick"
            runat="server">
            <Items>
                <asp:MenuItem Text="Tab 1" Value="0" Selected="true" />
                <asp:MenuItem Text="Tab 2" Value="1" />
                <asp:MenuItem Text="Tab 3" Value="2" />
            </Items>
        </asp:Menu>

        <div class="tabContents">
            <asp:MultiView
                ID="MultiView1"
                ActiveViewIndex="0"
                runat="server">
                <asp:View ID="View1" runat="server">
                    <br />
                    This is the first view
                    <br />
                    This is the first view
                    <br />
                    This is the first view
                    <br />
                    This is the first view
                </asp:View>
                <asp:View ID="View2" runat="server">
                    <br />
                    This is the second view
                    <br />
                    This is the second view
                    <br />
                    This is the second view
                    <br />
                    This is the second view
                </asp:View>
                <asp:View ID="View3" runat="server">
                    <br />
                    This is the third view
                    <br />
                    This is the third view
                    <br />
                    This is the third view
                    <br />
                    This is the third view
                </asp:View>
            </asp:MultiView>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
</asp:Content>
